.deFactoState {
	width: 90%;
	margin: 0 auto;
	.deFactoState_box {
		width: 100%;
		height: 235px;
		border-radius: 5px;
		background: #fff;
		.management-box {
			height: 140px;
			border-radius: 10px;
			text-align: center;

			.managementImg {
				width: 100%;
				height: 100%;
				padding: 8px !important;
				border-radius: 10px;
			}
			.managementTxtbox {
				line-height: 25px !important;
				padding: 0px 8px 8px 15px !important;
				overflow: hidden;
				text-overflow: ellipsis; /* 超出宽度200px后显示省略号 */
				white-space: nowrap;
				.managementtext {
					overflow: hidden;
					text-overflow: ellipsis; /* 超出宽度200px后显示省略号 */
					white-space: nowrap;
					color: rgb(85, 85, 85);
					line-height: 40px;
					font-size: 14px !important;
				}
				.managementtext1 {
					font-size: 13px !important;
					.managementtext2 {
						line-height: 24px;
						color: rgb(112, 182, 3);
					}
					.managementtext3 {
						line-height: 23px;
						font-size: 13px !important;
						color: rgb(170, 170, 170);
						overflow: hidden;
						text-overflow: ellipsis; /* 超出宽度200px后显示省略号 */
						white-space: nowrap;
					}
				}
			}
		}
		.rowBox {
			height: 80px;
			// margin-top: 25px;
			border-radius: 8px;
			text-align: center;
			box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
		}
		.rowBox1 {
			text-align: center;
			background-image: linear-gradient(rgb(218, 246, 240), rgb(247, 255, 249));
		}
		.rowBox2 {
			background-image: linear-gradient(rgb(211, 236, 246), rgb(251, 251, 249));
		}
		.rowBox3 {
			background-image: linear-gradient(rgb(213, 226, 254),rgb(244, 244, 250));
		}
		.rowBox8 {
			background-image: linear-gradient(rgb(249, 251, 161), rgb(254, 255, 218));
		}
		.rowBox4 {
			text-align: center !important;
			color: rgb(85, 85, 85) !important;
			font-size: 16px !important;
			line-height: 35px !important;
			padding-top: 8px;
		}
		.rowBox5 {
			text-align: center !important;
			font-size: 12px !important;
			color: rgb(127, 127, 127) !important;
		}

	}
	
	.deviceMonitor_button {
		height: 74px;
		// width: 90%;
		margin: 0 auto;
		background: #ffffff;
		border-radius: 10px;
		display: flex;
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
		margin-top: 15px;
		.deviceMonitor_button1 {
			width: 20%;
			height: 100%;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
	
			.deviceMonitor_button1img {
				width: 50%;
				height: 37px;
				margin: 16.5px auto;
			}
		}
	
		.deviceMonitor_button2 {
			width: 59%;
			height: 100%;
			.deviceMonitor_button2text1 {
				height: 30px;
				width: 100%;
				line-height: 30px;
				// font-weight: 600;
				font-size: 15px;
				color: #051d3f;
				margin-top: 10px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
			}
	
			.deviceMonitor_button2text3 {
				height: 17px;
				width: 100%;
				font-family: PingFangSC;
				font-weight: 500;
				font-size: 12px;
				color: #a1afc3;
				letter-spacing: 0;
				line-height: 22px;
			}
		}
	
		.deviceMonitor_button3 {
			width: 20%;
			height: 100%;
	
			.deviceMonitor_button34 {
				width: 70%;
				height: 25px;
				line-height: 25px;
				margin: 0 auto;
				text-align: center;
				color: #ffffff;
				font-size: 12px;
				margin-top: 25px;
				// background-color: #4151b3;
				border-radius: 3px;
			}
		}
	}
	.deFactoState-table{
	
		height: 100%;
		padding: 12px;
		border-radius: 10px;
		margin-top: 25px;
		background-color: #fff;
	}
}
